
//第一步：引入createRouter
import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
import Home from '@/pages/Home.vue'
import About from '@/pages/About.vue'
import News from '@/pages/News.vue'
import Detail from '@/pages/Detail.vue'



//第二步：创建路由器
const router = createRouter({
  // history: createWebHistory(),
  history: createWebHashHistory(),
  routes: [
    {
      name: 'zhuye',
      path: '/home',
      component: Home
    },
    {
      name: 'guanyu',
      path: '/about',
      component: About
    },
    {
      name: 'xinwen',
      path: '/news',
      component: News,
      children: [
        {
          name: 'xiangqing',
          //使用params传递参数，需要提前配置规则
          // path: 'detail/:id/:title/:content',
          path: 'detail',
          component: Detail,
          //第一种写法：路由收到的所有params参数作为props传给路由组件
          // props:true

          //第二种写法：函数写法，可以自己决定将什么作为props给路由组件
          props(route) {
            return route.query
          },
          // props(route) {
          //   return route.params
          // },

          // 第三种写法：对象写法，可以自己决定将什么作为props给路由组件
          /* props:{
            a:100,
            b:200,
            c:300
          } */
        }
      ]
    },
    {
      path: '/',
      redirect: '/home'
    }
  ]
})


//将路由暴露
export default router
